<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车-小米商城</title>
    <link rel="shortcut icon" href="http://s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./node_modules/_bootstrap@3.4.1@bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/shoppingCar.css">
    <script src="./node_modules/_jquery@3.6.0@jquery/dist/jquery.js"></script>
    <script src="./node_modules/_layui-layer@1.0.9@layui-layer/dist/layer.js"></script>
    <script src="./node_modules/_bootstrap@3.4.1@bootstrap/dist/js/bootstrap.js"></script>
    <script src="./js/tools.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/shoppingCar.js"></script>
</head>
<body>
    <div id="app">
        <header id="header">
            <div class="container">

                <div class="logo">
                    <a href="index.html" title="小米官网">
                        小米官网
                    </a>
                </div>
                <div class="header-title has-more" id="J_miniHeaderTitle">
                    <h2>我的购物车</h2>
                    <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
                </div>
                <div class="site-topbar">
                    <div id="J_siteUserInfo" class="topbar-info">
                        <a class="link login" href="login.html">
                            登录
                        </a>
                        <span class="sep">|</span>
                        <a class="link register" href="register.html">
                            注册
                        </a>
                    </div>
                </div>

            </div>
        </header>

        <div class="mi-cart page-main">

            <div class="container">

                <div class="cart-container">

                    <div class="container-main">
                        
                        <div class="empty-cart-wrap">
                            <div class="empty-cart-top">
                                <h2 class="login-tip is-login">您的购物车还是空的！</h2>
                                <p class="login-desc">登录后将显示您之前加入的商品</p>
                                <a href="login.html" class="btn btn-primary btn-login">
                                    立即登录
                                </a>
                                <a href="list.html?cat=all" class="btn btn-primary btn-shoping-nologin">
                                    马上去购物
                                </a>
                            </div>
                            <div class="table-cart">
                                <table class="table table-striped">
                                    <thead>
                                        <tr>
                                            <th>全选<input type="checkbox" name="selectAll"></th>
                                            <th>商品图片</th>
                                            <th>商品名称</th>
                                            <th>商品单价</th>
                                            <th>商品数量</th>
                                            <th>商品小计</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                    <tfoot>
                                        <tr>
                                            <td>全选<input type="checkbox" name="selectAll"></td>
                                            <td colspan="2">商品总数量：<span class="totalnum">0</span>件</td>
                                            <td colspan="3">商品总价：￥<span class="totalprice">0</span>元</td>
                                            <td><a href="" class="btn btn-success">结算</a></td>
                                        </tr>
                                    </tfoot>
                                </table>
                            </div>
                            <div class="empty-cart-bottom">
                                <div class="mi-recommend cart-recommend">
                                    <div class="recommend-title">
                                        <span>为您推荐</span>
                                    </div>
                                    <div id="J_recommend_cartEmpty" class="recommend-bd">
                                        <ul class="recommend-list clearfix">
                                            
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </div>

        <footer id="footer" >
    
            <div class="site">
                <div class="container">
                    <div class="server">
                        <ul class="clearfix">
                            <li><a href="javascript:;"><i class="iconfont icon-wrench-full"></i>预约维修服务</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-7"></i>7天无理由退货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-15tianwuliyoutuihuo"></i>15天免费换货</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-liwu"></i>满99元包邮</a></li>
                            <li><a href="javascript:;"><i class="iconfont icon-location"></i>520余家售后网点</a></li>
                        </ul>
                    </div>
                    <div class="links clearfix">
                        <dl class="con-links">
                            <dt>帮助中心</dt>
                            <dd><a href="javascript:;">账号管理</a></dd>
                            <dd><a href="javascript:;">购物指南</a></dd>
                            <dd><a href="javascript:;">订单操作</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>服务支持</dt>
                            <dd><a href="javascript:;">售后政策</a></dd>
                            <dd><a href="javascript:;">自助服务</a></dd>
                            <dd><a href="javascript:;">相关下载</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>线下门店</dt>
                            <dd><a href="javascript:;">小米之家</a></dd>
                            <dd><a href="javascript:;">服务网点</a></dd>
                            <dd><a href="javascript:;">授权体验店</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关于小米</dt>
                            <dd><a href="JavaScript:;">了解小米</a></dd>
                            <dd><a href="JavaScript:;">加入小米</a></dd>
                            <dd><a href="JavaScript:;">投资者关系</a></dd>
                            <dd><a href="javascript:;">企业社会责任</a></dd>
                            <dd><a href="javascript:;">廉洁举报</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>关注我们</dt>
                            <dd><a href="javascript:;">新浪微博</a></dd>
                            <dd><a href="javascript:;">官方微信</a></dd>
                            <dd><a href="javascript:;">联系我们</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <dl class="con-links">
                            <dt>特色服务</dt>
                            <dd><a href="javascript:;">F码通道 </a></dd>
                            <dd><a href="javascript:;">礼物码  </a></dd>
                            <dd><a href="javascript:;">防伪查询</a></dd>
                            <dd><a href="javascript:;">公益基金</a></dd>
                        </dl>
                        <div class="links-contact">
                            <p class="telNum">400-100-5678</p>
                            <p>8:00-18:00（仅收市话费）</p>
                            <a href="javascript:;" class="btn"><i class="iconfont icon-liaotian"></i>人工客服 </a>
                            <div class="follow">
                                关注小米
                                <a href="JavaScript:;" class="weibo"></a>
                                <a href="JavaScript:;" class="weixin"></a>
                                <img src="http://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx-img.png" alt="">
                            </divc>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
    
            <div class="info">
                <div class="containter">
                    <div class="logo">小米官网</div>
                    <div class="info-text">
                        <p>
                            <a href="JavaScript::">小米商城</a>
                            <span>|</span>
                            <a href="JavaScript::">MIUI</a>
                            <span>|</span>
                            <a href="JavaScript::">米家</a>
                            <span>|</span>
                            <a href="JavaScript::">米聊</a>
                            <span>|</span>
                            <a href="JavaScript::">多看</a>
                            <span>|</span>
                            <a href="JavaScript::">游戏</a>
                            <span>|</span>
                            <a href="JavaScript::">政企服务</a>
                            <span>|</span>
                            <a href="JavaScript::">小米天猫店</a>
                            <span>|</span>
                            <a href="JavaScript::">小米集团隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米公司儿童信息保护规则</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城隐私政策</a>
                            <span>|</span>
                            <a href="JavaScript::">小米商城用户协议</a>
                            <span>|</span>
                            <a href="JavaScript::">问题反馈</a>
                            <span>|</span>
                            <a href="JavaScript::">Select Location</a>
                        </p>
                        <p>
                            <a href="JavaScript:;">北京互联网法院法律服务工作站</a>
                            <span>|</span>
                            <a href="JavaScript:;">中国消费者协会</a>
                            <span>|</span>
                            <a href="JavaScript:;">北京市消费者协会</a>
                        </p>
                        <p>
                            ©<a href="javascript:;">mi.com</a>京ICP证110507号
                            <a href="javascript:;">京ICP备10046444号</a>
                            <a href="javascript:;">京公网安备11010802020134号</a>
                            <a href="javascript:;">京网文[2020]0276-042号</a><br>
                            <a href="javascript:;">（京）网械平台备字（2018）第00005号</a>
                            <a href="javascript:;"> 互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
                            <a href="javascript:;">营业执照</a>
                            <a href="javascript:;">医疗器械质量公告</a><br>
                            <a href="javascript:;">增值电信业务许可证</a>
                            网络食品经营备案 京食药网食备202010048
                            <a href="javascript:;">食品经营许可证</a><br>
                            违法和不良信息举报电话：171-5104-4404
                            <a href="javascript:;">知识产权侵权投诉</a>
                            本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                        </p>
                    </div>
                    <div class="info-links">
                        <a href="JavaScript:;">
                            <img src="http://i1.mifile.cn/f/i/17/site/truste.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://s01.mifile.cn/i/v-logo-2.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://xyt.xinchacha.com/img/icon/icon3.png" alt="">
                        </a>
                        <a href="JavaScript:;">
                            <img src="http://i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
                        </a>
                        <a href="JavaScript:;" class="aImg">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png" alt="" class="img1">
                            <img src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/d10306f91ef8334f01b12a84b685deba.png" alt="" class="img2">
                        </a>
                    </div>
                </div>
                <div class="ir">探索黑科技，小米为发烧而生</div>
            </div>
            
        </footer>
    </div>
</body>
</html>